*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 100%;
    width:100vh;
    height:100vh;
}

@font-face {
  font-family: 'iconfont';  /* project id 1066931 */
  src: url('//at.alicdn.com/t/font_1066931_jnd9o8d3e7.eot');
  src: url('//at.alicdn.com/t/font_1066931_jnd9o8d3e7.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1066931_jnd9o8d3e7.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1066931_jnd9o8d3e7.woff') format('woff'),
  url('//at.alicdn.com/t/font_1066931_jnd9o8d3e7.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1066931_jnd9o8d3e7.svg#iconfont') format('svg');
}

  @media screen and (max-width : 768px) { 
      html{
        transform: rotate(90deg);
        transform-origin: 50vw 50vw;
      }
  }

  .flex-row{
    display: flex;
    height: 100%;
    line-height: 100%;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%;
    width:100%;
    .flex-row-item{
      flex: 1;
    }
  }
  

  .flex-column{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 1%;

    .flex-column-item{
      flex:1;
      width:100%;
    }
  }

  .flex-column,
  .flex-row{
    
  .flex-auto{
    flex:auto;
  }
  .flex-0{
    flex:0;
  }
  }
  .left{
    text-align: left;;
  }
  .center{
    text-align: center;
  }
  .right{
    text-align: right;
  }

  .header-title{
    border-bottom: 1px solid #212529;
  }
  .black{
    background-color: black;
    color: #fff;
    font-size:80%;
  }

  .selected-text,
  .active-block{
    background-color: #212529;
    color:white;
}
.selected-text{
  width:100%;
  height: 100%;
  line-height: 100%;
}
.flex-0{
  flex:0!important;
}
.flex-1{
  flex:1!important;
}
.flex-2{
  flex:2!important;
}
.flex-3{
  flex:3!important;
}
.flex-4{
  flex:4!important;
}

// 垂直水平居中（flex）
.flex-center {
 display: flex;
 align-items: center;
//  justify-content: center;
}

// 垂直水平居中（flex）
.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
 }

.m-center{
  margin: auto;
  display: inline-block;
}


.under-line{
  border-bottom: 1px solid #212529;
}

.menu-item {
  margin: 0 1%;
}
.simulation-screen{
  line-height: normal;
  overflow: hidden;
}

.h1{
  font-size:130%;
}
.h2{
  font-size:115%;
}
.h3{
  font-size:105%;
}


/** control弹窗样式*/
@mainColor: #212529;
@fontColor: #eaeaea;

.amount-control {
  border: 1px solid @mainColor;
  background-color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 87%;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  height: 80%;
  z-index:9;

  .header {
    background-color: @mainColor;
    height: 20%;
  }
  .body {
    padding: 5% 0;

    .amount {
      background-color: @mainColor;
      color: @fontColor;
      width: 54%;
      margin: auto;
      text-align: center;

      i {
        font-size: 70%;
      }
    }
  }
}